<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
	<title>GAMER.ru Ext &mdash; Настройки</title>
	<link href="/css/options.css" type="text/css" rel="stylesheet" />
	<script src="/js/jquery.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(document).ready(function() 
	{	
		$('#span_saved').hide(0);
		var Options = chrome.extension.getBackgroundPage().Options;
	
		//
		// Загрузка настроек
		//
		document.getElementById('ext_winter_mode').checked = Options.ext_winter_mode;
		document.getElementById('ext_select_own_comments').checked = Options.ext_select_own_comments;
		document.getElementById('ext_lighting_links').checked = Options.ext_lighting_links;
		document.getElementById('ext_hide_counters').checked = Options.ext_hide_counters;
		document.getElementById('ext_hide_top_companies').checked = Options.ext_hide_top_companies;
		document.getElementById('ext_cloud_up').checked = Options.ext_cloud_up;
		document.getElementById('ext_hide_sidebar').checked = Options.ext_hide_sidebar;
		
		$.each(Options.ext_blacklist_blogs, function()
		{
			if(Options.ext_blacklist_blogs.length == 0) break;
			$('#blogs_list').append( $('<option/>').text('' + this) );
		});
		
		$.each(Options.ext_blacklist_users, function()
		{	
			if(Options.ext_blacklist_users.length == 0) break;
			$('#users_list').append( $('<option/>').text('' + this) );
		});
		
		$.each(Options.ext_whitelist_users, function()
		{	
			if(Options.ext_whitelist_users.length == 0) break;
			$('#users_list_w').append( $('<option/>').text('' + this) );
		});				

		//
		// Сохранение настроек
		//
		$('#save_btn').click(function() 
		{
			Options.ext_winter_mode = document.getElementById('ext_winter_mode').checked;
			Options.ext_select_own_comments = document.getElementById('ext_select_own_comments').checked;
			Options.ext_lighting_links = document.getElementById('ext_lighting_links').checked;
			Options.ext_hide_counters = document.getElementById('ext_hide_counters').checked;
			Options.ext_hide_top_companies = document.getElementById('ext_hide_top_companies').checked;
			Options.ext_cloud_up = document.getElementById('ext_cloud_up').checked;
			Options.ext_hide_sidebar = document.getElementById('ext_hide_sidebar').checked;
			
			Options.ext_blacklist_users = new Array();
			$('#users_list option').each(function()
			{
				Options.ext_blacklist_users.push($(this).text());
			});
			
			Options.ext_whitelist_users = new Array();
			$('#users_list_w option').each(function()
			{
				Options.ext_whitelist_users.push($(this).text());
			});			
			
			Options.ext_blacklist_blogs = new Array();
			$('#blogs_list option').each(function()
			{
				Options.ext_blacklist_blogs.push($(this).text());
			});

			Options.Save();
			
			$('#span_saved').fadeIn(1000);
			setTimeout(function()
			{
				$('#span_saved').fadeOut(1000);
			}, 3000);
		});
		
		//
		// Обработчик события для добавления блога в блеклист
		//
		$('#btn_add_blog').click(function()
		{
			var blogname = prompt('Введите название блога:');
			if(blogname.length != 0)
			{
				$('#blogs_list').append( $('<option/>').text(blogname) );
			}
		});
		
		//
		// Обработчик события для удаления блогов из блеклиста
		//		
		$('#btn_rem_blog').click(function()
		{
			$('#blogs_list option:selected').remove();
		});
		
		//
		// Обработчик события для добавления пользователя в блеклист
		//
		$('#btn_add_user').click(function()
		{
			var username = prompt('Введите имя пользователя:');
			if(username.length != 0 && checkUsersList(username, '#users_list_w') == 0)
			{
				$('#users_list').append( $('<option/>').text(username) );
			}
		});
		
		//
		// Обработчик события для удаления пользователей из блеклиста
		//		
		$('#btn_rem_user').click(function()
		{
			$('#users_list option:selected').remove();
		});
		
		//
		// Обработчик события для добавления пользователя в белый список
		//
		$('#btn_add_user_w').click(function()
		{
			var username = prompt('Введите имя пользователя:');
			if(username.length != 0 && checkUsersList(username, '#users_list') == 0)
			{
				$('#users_list_w').append( $('<option/>').text(username) );
			}
		});
		
		//
		// Обработчик события для удаления пользователей из белого списка
		//		
		$('#btn_rem_user_w').click(function()
		{
			$('#users_list_w option:selected').remove();
		});		
	});
	
	function checkUsersList(username, list)
	{
		var i = 0;
		$(list + ' option').each(function()
		{
			if($(this).text().toLowerCase() == username.toLowerCase())
			{
				i++;
			}
		});
		return i;
	}
	</script>
</head>
<body>

	<div id="top">
		<div style="float:right;text-align:right;">
			develop by <a href="http://sofcase.com.ua/" target="_blank">sofcase</a><br />
			goto <a href="http://sofcase.com.ua/gamerru/ext/" target="_blank">script page</a>
		</div>
	
		<h3>GAMER.ru Ext &mdash; Настройки</h3>
		<small>Версия: 0.3.7</small>
	</div>
	
	<div id="main">

		<div class="side">
		<h3>Основные настройки</h3>
		<table width="90%">
		<tr>
			<td><input type="checkbox" id="ext_winter_mode" /></td>
			<td>Включить новогоднее оформление?</td>
		</tr>	
		<tr>
			<td><input type="checkbox" id="ext_select_own_comments" /></td>
			<td>Выделять свои комментарии в постах?</td>
		</tr>
		<tr>
			<td><input type="checkbox" id="ext_lighting_links" /></td>
			<td>Выделять ссылки в постах?</td>
		</tr>
		<tr>
			<td><input type="checkbox" id="ext_hide_counters" /></td>
			<td>Скрыть счетчики посещения?</td>
		</tr>		
		</table>
		<br /><br />
		
		<h3>Блоки</h3>
		<table width="90%">
		<tr>
			<td width="20"><input type="checkbox" id="ext_hide_top_companies" /></td>
			<td>Скрыть блок &#171;Топ 10 компаний&#187;?</td>
		</tr>
		<tr>
			<td><input type="checkbox" id="ext_cloud_up" /></td>
			<td>Поднять блок &#171;Облако тегов&#187; выше?</td>
		</tr>
		<tr>
			<td><input type="checkbox" id="ext_hide_sidebar" /></td>
			<td>Скрывать сайдбар при создании поста?</td>
		</tr>		
		</table>		
		</div>
		
		<div class="side">
		<h3>Черный список блогов</h3>
		<select multiple="multiple" id="blogs_list"></select>
		<br />
		<a href="#" class="btn_link" id="btn_add_blog">Добавить блог</a>
		<a href="#" class="btn_link" id="btn_rem_blog">Удалить выбранные</a>
		<br /><br /><br />
		
		<h3>Черный список пользователей</h3>
		<select multiple="multiple" id="users_list"></select>
		<br />
		<a href="#" class="btn_link" id="btn_add_user">Добавить пользователя</a>
		<a href="#" class="btn_link" id="btn_rem_user">Удалить выбранные</a>
		<br /><br /><br />
		
		<h3>Белый список пользователей</h3>
		<select multiple="multiple" id="users_list_w"></select>
		<br />
		<a href="#" class="btn_link" id="btn_add_user_w">Добавить пользователя</a>
		<a href="#" class="btn_link" id="btn_rem_user_w">Удалить выбранные</a>
		</div>	
		
		<div class="side">
		<h3>Заметки</h3>
		<!--<input type="text" id="ext_tape_key" style="width:95%;margin:0;" /><br />
		<p class="desc">Ваш API ключ нужно выдернуть из адресной строки, в режиме чтения ленты через RSS.</p>
		<p class="desc">http://www.gamer.ru/lenta.atom?api_key=<b>api_ключ</b></p>-->
		<p class="desc" style="margin-top:0;"><b>Ч</b>тобы выделять несколько элементов в списке, используйте зажатый CTRL.</p>
		<p class="desc" style="margin-top:0;"><b>Д</b>ля правильной работы черного списка блогов, необходимо указывать полное название блога игры.</p>
		<p class="desc" style="margin-top:0;"><b>Д</b>ля правильной работы черного списка пользователей, необходимо указывать полное имя пользователя (регистра букв можно не придерживатся).</p>
		</div>
	
	
	</div>
	
	<div id="bottom">
		<img id="save_btn" src="/images/save_btn.png" style="vertical-align:-20px;cursor:hand;" />
		<!--<span>После необходимо обновить открытые страници Gamer.Ru.</span>-->
		<span class="saved" id="span_saved">Сохранено.</span>
	</div>
	
</body>
</html>










